<div>
    <form class="form-horizontal" id="addCardForm" method="post" enctype="multipart/form-data">
        <input type="hidden" name="code" id="code">
        <input type="hidden" name="id" id="id">
        <input type="hidden" id="folder" name="folder">
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">贺卡标题：</label>
            <div class="col-sm-4">
                <input name="title" id="title" class="form-control" placeholder="请填写贺卡标题" required>
            </div>
            <label class="col-sm-2 control-label" data-toggle="tooltip" data-placement="right" title="请选择样式1，贺卡样式需要小程序客户端支持，目前仅支持样式1">贺卡样式：</label>
            <div class="col-sm-4">
                <select name="style" id="style" class="form-control" required></select>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">贺卡类型：</label>
            <div class="col-sm-4">
                <select name="kind" id="kind" class="form-control" required></select>
            </div>
            <label class="col-sm-2 control-label">贺卡音乐：</label>
            <div class="col-sm-4">
                <select name="music" id="music" class="form-control" required></select>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">是否漂浮图片：</label>
            <div class="col-sm-4">
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="float" value="1" checked> 是
                </label>
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="float" value="0"> 否
                </label>
            </div>
            <label class="col-sm-2 control-label">漂浮图片：</label>
            <div class="col-sm-4">
                <input type="file" name="float_url" id="float_url" class="form-control" accept="image/*">
                <div class="viewImgDiv">
                    <img class="img-responsive img-thumbnail" src="">
                </div>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label" data-toggle="tooltip" data-placement="right" title="默认不展示，不展示时，只有【测试人员】可以看到，当贺卡制作人把贺卡全部制作完成后，修改为展示，则所有人可见；建议在贺卡未设置完成前不要展示">是否展示：</label>
            <div class="col-sm-4">
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="show" value="1"> 是
                </label>
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="show" value="0" checked> 否
                </label>
            </div>
            <label class="col-sm-2 control-label">展示图片：</label>
            <div class="col-sm-4">
                <input type="file" name="display_url" id="display_url" class="form-control" accept="image/*" required>
                <div class="viewImgDiv">
                    <img class="img-responsive img-thumbnail" src="">
                </div>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">是否轮播：</label>
            <div class="col-sm-4">
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="swiper" value="1" checked> 是
                </label>
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="swiper" value="0"> 否
                </label>
            </div>
            <label class="col-sm-2 control-label">轮播图片：</label>
            <div class="col-sm-4">
                <input type="file" name="swiper_url" id="swiper_url" class="form-control" accept="image/*" required>
                <div class="viewImgDiv">
                    <img class="img-responsive img-thumbnail" src="">
                </div>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">是否推荐：</label>
            <div class="col-sm-4">
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="recommend" value="1" checked> 是
                </label>
                <label class="radio-inline">
                    <input type="radio" class="icheckInput" name="recommend" value="0"> 否
                </label>
            </div>
            <label class="col-sm-2 control-label">分享图片：</label>
            <div class="col-sm-4">
                <input type="file" name="share_url" id="share_url" class="form-control" accept="image/*">
                <label style="font-size: 12px; position: absolute;">长宽比5:4,不传则使用截图,限jpg/png</label>
                <div class="viewImgDiv">
                    <img class="img-responsive img-thumbnail" src="">
                </div>
            </div>
        </div>
        <div class="form-group" style="height: 57px;">
            <label class="col-sm-2 control-label">祝福语：</label>
            <div class="col-sm-4">
                <select name="wish" id="wish" class="form-control" required></select>
            </div>
            <label class="col-sm-2 control-label">滚动方向：</label>
            <div class="col-sm-4">
                <select name="scroll" id="scroll" class="form-control" required>
                    <option value="0" selected>横向滚动</option>
                    <option value="1">纵向滚动</option>
                </select>
            </div>
        </div>
        <div class="form-group help-toast">
            <label class="col-sm-2 control-label">祝福语样式：</label>
            <div class="col-sm-9" style="padding-left: 0;">
                <input name="wish_style" id="wish_style" class="form-control setStyle" placeholder="请填写祝福语样式" required>
            </div>
            <label class="col-sm-1 control-label" style="padding-left: 0; text-align: left;">
                <span class="glyphicon glyphicon-book cardHelp" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="查看帮助"></span>
            </label>
        </div>
    </form>
</div>